/**
  * ************ Global
  */
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    vertical-align: baseline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
ol, ul, li {
    list-style: none;
}
.page {
    margin:0;
    padding:0;
    width:1000px;
    margin-left: auto;
    margin-right: auto;
}

/**
 **************** #index CSS
 */



/**
 **************** #head CSS
 */

#head {
    height: 60px;
    color: #fff;
  
    .nav {
        background-color: #000; 
        height:60px;
    }

    .logo {
       float:left;
       width:100px;
       height:60px;
       display: inline;
       margin-left: 20px;
    }

    .menu {
       float:left;
       font-size: 12px;
    }

    .menuName  {
       position: relative;
       display:inline;
       height:60px;
       width:100px;
       padding: 20px 22px;
       line-height:60px;
    }

    .menuList {
       position:absolute;
       top:55px;
       left:0;
       width:150px;
       z-index:1000;
       background-color:#000;
       display:none;
    }

    .menuListItem {
       line-height:20px;
       position: relative;
       padding: 5px 10px;
       border-bottom: 1px solid #fff;
       cursor: pointer;
    }
    
    .menuListTwo{
      display: none;
      position: absolute;
      left: 100%;
      top: 0;
      width: 150px;
    }

    .menuListTwoDd{
      background-color:#000;
      color: #fff;
      line-height:20px;
      padding: 5px 10px;
      border-bottom: 1px solid #fff;
      cursor: pointer;
    }
}

/**
 * #headStatus CSS
 */

#headStatus {
    background-color: #333; 
}

/**
 *  #foot CSS
 */

#foot {
    padding: 30px 0;
    background-color: #ccc;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
}

/**
 * #myProfile CSS
 */

#myProfile {
    
    .body {
        overflow:hidden;
        margin-top: 15px;
        width: 1000px;
    }


    .bodyLeft {
       float:left;
       width:198px;
       border:1px solid #ccc;
       min-height:300px;
    }

    .bodyCenter {
      float:left;
      min-height:100px;
      width:600px;
    }

    .bodyRight {
       float:left;
       width:198px;
       min-height:300px;
       border:1px solid #ccc;
    }

}

/*
 *#myProfileInfo CSS
 */

#myProfileInfo {

    .title {
        font-weight: bold;
        width: 95%;
        line-height: 32px;
        margin: 5px 5px 0px;
        color: #000;
        border-bottom: 1px solid #f8c5e5;
        background: #ffeef9;
    }

    .titleContent {
        font-size: 16px;
        padding-left: 10px;
    }

    .content {
        width: 198px;
    }

    .list {
        width: 100%;
        box-sizing: border-box;
    }

    .listItem {
        width: 100%;
        padding: 5px 0;
        margin: 5px 0;
        clear: both;
        text-align: center;
        position: relative;
        font-size: 12px;
    }

    .hiddenButton {
        display: inline-block;
        width: 95%;
        background: #a0d873;
        color: #fff!important;
        line-height: 17px;
        padding: 6px 0;
        text-decoration: none;
    }

    .restZero {
        color: #9e0367;
        text-decoration: none;
    }
}

/*
 * #inbox CSS
 */

#inbox {

    .title {
        font-weight: bold;
        width: 95%;
        line-height: 32px;
        margin: 5px 5px 0px;
        color: #000;
        border-bottom: 1px solid #f8c5e5;
        background: #ffeef9;
    }

    .titleContent {
        font-size: 16px;
        padding-left: 10px;
    }

    .content {
        width: 198px;
    }

    .list {
        box-sizing: border-box;
        width: 190px;
        padding: 5px 0 7px 10px !important;
    }

    .listItem {
        width: 100%;
        height:25px;
        line-height:25px;
        padding: 5px 0;
        border-bottom: 1px dotted #d6d3d3;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    .last {
        border: 0;
    }

    .listItemText {
        line-height:25px;
        display: block;
        color: #333;
        text-decoration: none;
    }

    .icoEmails {
        background: url(../img/myaccount-icon.png) no-repeat scroll left -258px transparent;
        width: 25px;
        height: 17px;
        float: left;
        margin-right: 5px;
    }

    .icoWinks {
        background: url(../img/myaccount-icon.png) no-repeat scroll left -279px transparent;
        width: 25px;
        height: 17px;
        float: left;
        margin-right: 5px;
    }

    .icoMessages {
        background: url(../img/myaccount-icon.png) no-repeat scroll left -304px transparent;
        width: 25px;
        height: 17px;
        float: left;
        margin-right: 5px;
    }

    .showNumber {
        background: #dd4807;
        padding: 0px 5px;
        color: #fff;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        border-radius: 14px;
        box-shadow: 0 1px 2px #ccc;
        -moz-box-shadow: 0 1px 1px #ccc;
        -webkit-box-shadow: 0 1px 2px #ccc;
        float: right;
    }
}

/**
 * #connectionsMenu
 */
#connectionsMenu {

  .title {
      font-size: 16px;
      font-weight: bold;
      width: 95%;
      line-height: 32px;
      margin: 0 5px;
      color: #000;
      border-bottom: 1px solid #f8c5e5;
      background: #ffeef9;
  }
   
  .connectionsMenuName {
      height:30px;
      line-height:30px;
      font-size:12px;
      margin: 0 10px;
      border-bottom: 1px dotted #d6d3d3;
      position: relative;
  }

  .lockedIco{
    background-image: url(../img/lockedIco.gif);
    background-position: left center;
    background-repeat: no-repeat;
    width: 10px;
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
  }
 
}

/**
 * #UniqueFeatures  CSS
 */
#uniqueFeaturesMenu {

  .title {
      font-size: 16px;
      font-weight: bold;
      width: 95%;
      line-height: 32px;
      margin: 0 5px;
      color: #000;
      border-bottom: 1px solid #f8c5e5;
      background: #ffeef9;
  }
   
  .uniqueFeaturesMenuName {
      height:30px;
      line-height:30px;
      font-size:12px;
      margin: 0 10px;
      border-bottom: 1px dotted #d6d3d3;
  }

  .newGif{
    background-image: url(../img/new_menu.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    margin-left: 5px;
  }
}



